<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>包月续费</title>
<script
	src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link rel="stylesheet" href="/park/bootstrap/css/bootstrap.min.css" >
<link rel="stylesheet" href="/park/bootstrap/css/bootstrap-theme.min.css" >
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="/park/bootstrap/js/bootstrap.min.js" ></script>
<script src="/park/js/binding.js?v=1.27"></script>
<script src="/park/js/layer_mobile/layer.js?v=1.6"></script>
<script src="/park/js/bycp.js?v=1.2ss17"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js" ></script>
<!-- <script type="text/javascript" charset="UTF-8"
	src="https://wx.gtimg.com/pay_h5/goldplan/js/jgoldplan-1.0.0.js"></script> -->
<style type="text/css">
html, body {
	width: 100%;
	height: 100%;
	font-size: 18px;
}
.input-div {
	width: 10%;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgb(0 0 0/ 30%);
	position: absolute;
	border: 1px solid #c8c7cc;
	text-align: center;
	height: 44px;
	line-height: 44px;
}
.slider-img {
	border-radius: 10px;
	height: 180px;
}
.carLicense-circle {
	width: 1%;
	height: 3px;
	position: absolute;
	border: 1px solid #c8c7cc;
	border-radius: 50%;
	margin-top: 19px;
	background-color: #c8c7cc;
}
</style>
<link rel="stylesheet" href="/park/css/binding.css">
</head>
<body>
	<div id="main">
		<input type="hidden" id="openid" th:value="${openid}">
		<div id="carousel-example-generic" class="carousel slide"
			style="width: 92%; margin-left: 4%; margin-top: 20px;"
			data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0"
					class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			</ol>
			<!-- Wrapper for slides -->
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<img src="/park/img/slide-1.jpeg" class="slider-img"
						style="height: 180px;">
					<div class="carousel-caption">...</div>
				</div>
				<div class="item">
					<img src="/park/img/slide-2.jpeg" class="slider-img"
						style="height: 180px;">
					<div class="carousel-caption">...</div>
				</div>
				<div class="item">
					<img src="/park/img/slide-3.jpeg" class="slider-img"
						style="height: 180px;">
					<div class="carousel-caption">...</div>
				</div>
			</div>
		</div>
		<div class="container-fluid" style="margin-top: 25px;">
			<h5 style="text-align: center;">请输入您的车牌号</h5>
			<div class="row" style="margin-top: 25px; height: 70px;">
				<section style="margin-top: 40px;">
					<div class="plate">
						<ul id="plate">
							<li id="p1" class="active"
								style="border-right: 1px dashed #c8c7cc; border-bottom-right-radius: 0px; border-top-right-radius: 0px;">沪</li>
							<li id="p2"
								style="border-left: 0px dashed #c8c7cc; border-top-left-radius: 0px; border-bottom-left-radius: 0px;"></li>
							<li id="p3" style="margin-right: 2px;"></li>
							<li id="p4" style="margin-right: 2px;"></li>
							<li id="p5" style="margin-right: 2px;"></li>
							<li id="p6" style="margin-right: 2px;"></li>
							<li id="p7" style="margin-right: 2px;"></li>
							<li id="p8">
								<div class="new">
									<span>+</span> <i>绿牌</i>
								</div>
							</li>
						</ul>
					</div>
				</section>
			</div>
		</div>
		<div class="container-fluid" style="margin-top: 40px;">
			<div class="row">
				<div class="col-xs-12 ">
					<button type="button"
						style="width: 92%; margin-left: 3%; height: 40px; border-color: #488aff; background: #488aff; font-size: 18px;"
						class="btn btn-primary btn-sm" onclick="select()">查询包月信息</button>
				</div>
			</div>
		</div>
		<footer>
			<!-- 键盘 -->
			<div class="keyboard" id="shutkey">
				<div class="shut" id="shut">关闭</div>
				<ul id="keyboard">
					<li>1</li>
					<li>2</li>
					<li>3</li>
					<li>4</li>
					<li>5</li>
					<li>6</li>
					<li>7</li>
					<li>8</li>
					<li>9</li>
					<li>0</li>

					<li>Q</li>
					<li>W</li>
					<li>E</li>
					<li>R</li>
					<li>T</li>
					<li>Y</li>
					<li>U</li>
					<li>P</li>
					<li>港</li>
					<li>澳</li>

					<li>A</li>
					<li>S</li>
					<li>D</li>
					<li>F</li>
					<li>G</li>
					<li>H</li>
					<li>J</li>
					<li>K</li>
					<li>L</li>
					<li>学</li>

					<li>Z</li>
					<li>X</li>
					<li>C</li>
					<li>V</li>
					<li>B</li>
					<li>N</li>
					<li>M</li>
					<li>警</li>
					<li>删除</li>
				</ul>
			</div>
			<!-- 地区车牌简称 -->
			<div class="area" id="area">
				<div class="shut" id="shuta">关闭</div>
				<ul id="keyboarda">
					<div class="area-one">
						<li>京</li>
						<li>津</li>
						<li>沪</li>
						<li>渝</li>
						<li>蒙</li>
						<li>新</li>
						<li>藏</li>
						<li>宁</li>
						<li>桂</li>
						<li>黑</li>
					</div>
					<div class="area-tow">
						<li>吉</li>
						<li>辽</li>
						<li>晋</li>
						<li>冀</li>
						<li>青</li>
						<li>鲁</li>
						<li>豫</li>
						<li>苏</li>
						<li>皖</li>
					</div>
					<div class="area-three">
						<li>浙</li>
						<li>闽</li>
						<li>赣</li>
						<li>湘</li>
						<li>鄂</li>
						<li>粤</li>
						<li>琼</li>
						<li>甘</li>
					</div>
					<div class="area-four">
						<li>陕</li>
						<li>贵</li>
						<li>云</li>
						<li>川</li>
					</div>
				</ul>
			</div>
		</footer>
	</div>
</body>
</html>
